html {    font-size:          17px; }

body    { 
    
    margin:             0px; 
    color:              #231f20; 
    background-color:   #ffffff; 
    font-family:        days;
    font-size:17px; line-height:1.2;
    background-image:url('../../../000Frames/site/images/homePage/aboutBg.jpg');
}

@media (max-width: 1280px) {
   body     { font-size:16px; }
}
@media (max-width: 767px) {
   body     { font-size:15px; }
}


table   { 
    padding:            0px; 
    margin:             0px;
}

td  { 
    vertical-align:     top; 
    padding:            0px;
}

p   { 
   
    margin-top:         0px; 
    margin-bottom:      0px; 
}
button, select  { -webkit-appearance:none;background:#ffffff; }
a   {   }
img { max-width:100%; }
input[type="text"], input[type="password"]  { outline: none; }
input[type="password"] { font-family:Arial; }

textarea    { outline: none; }


.selectWrapper { position: relative;height: 40px; margin-top: 15px; }
.selectWrapper select { height: 40px;width: 100%;-webkit-appearance:none; -moz-appearance:none;border-radius:0;padding-left:15px;background:#ffffff; text-align:left;}
.selectWrapper:after { content: "";background-image: url('../../../000Frames/site/images/homePage/arrow_down.png');display: block;
        position: absolute;right: 15px;top: 50%;width: 10px;height: 8.5px;background-size: cover;transform: translateY(-50%);-webkit-transform:translateY(-50%); }
option.placholder   { display: none; }


.thanksMsg              { text-align: center;font-size: 150%;margin-bottom: 10%;margin-top: 5%;}
.thanksMsg h2           { font-size: 150%; }

a.green-button                  { background: #97A78D;color: #231f20;width: 150px;padding: 12px;margin-top: 35px;text-align:center; font-size:19px; }
.green-button:hover, .green-button:focus   { background: #b3bfad;text-decoration: none; color:#231f20;}


@media (max-width:1170px) and (min-width:768px){
    a.green-button{font-size: 18px;}
}

@media (max-width:767px) {
    .selectWrapper { max-width: 95%;margin-right: auto;margin-left: auto; direction:ltr;}
    a.green-button{font-size: 17px}    
}


/*------------------------------------*\
   SiteGrid
\*------------------------------------*/

#SiteContainer              {  background:#ffffff;margin-top: 40vh; }

#SiteHeaderContainer        { /*color:#000000;*/ padding:0px;position: fixed;z-index: 3;width: 100%;top: 0; }
#SiteGridContainer          { transform: translateY(-25vh);-webkit-transform:translateY(-25vh);  }
#SiteFooterContainer        { background-color: #92a288; padding: 0px; height:24vh;}
#UnderSiteFooterContainer   { background-color:#222222}

#SiteHeader                 { /*max-width: 1170px;*/ margin-left: auto; margin-right: auto; /*margin-top:30px;*/ }
#SiteFooter                 { margin-left: auto;margin-right: auto;overflow: hidden;height:100%;position:relative;
                              background: url(../../../000Frames/site/images/footer/right.png) 100% 0px/ 14.5% no-repeat,
                                          url(../../../000Frames/site/images/footer/left.png) 0px 0px/ 8.5% no-repeat;
                            }
#SiteGrid                   { max-width:100%; padding:0px; margin:0 auto; /*overflow:hidden;*/ }

#GridRight                  { display:none; float:right; width:250px; margin-left:40px; }
#GridPage                   { float:right; width:calc(100% - 290px); width:100%; margin-bottom: -25vh; }
#GridLeft                   { float:right; display:none; }
#GridTop                    {  }
#GridContent                { max-width: 1540px;margin:0% auto 3% auto; }
#GridFooter                 {  }

#PageLeft                   { }
#PageRight                  { }
#PageMenu                   { }
#PageHeader                 { }
#PageContent                { }
#PageKdm                    { }
#PageFooter                 { }

#GridContent a:hover,
#GridContent a:focus         { text-decoration: none; }
#GridContent a:focus         { outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}




@media (max-width: 1560px)  { 
    /*#SiteGrid       { max-width:95%; }*/
    #GridContent       { max-width:97%; }
    .topImage #headline { top:55%; }
        #SiteFooterContainer    {height: 28vh;} 

}
@media (max-width: 1280px)  { 
    #SiteFooterContainer    {height: 22vh;} 
}

@media (max-width: 1170px) {
    #GridLeft           { display:none; } 
    #SiteFooterContainer    {height: 20vh;} 
}
@media (max-width: 1024px) and (orientation:landscape) {
    #SiteGridContainer  { transform:translateY(-17.5vh); -webkit-transform:translateY(-17.5vh); }
    #SiteContainer      { margin-top:30vh; }
}

@media (max-width: 991px)  { 
    #GridPage               { float:none; width:100%; }
    #SiteFooter             { background-size: 20%, 13%;}
    #SiteFooterContainer    { height: 17vh;}
    #SiteGridContainer      { transform: translateY(-17.5vh);-webkit-transform:translateY(-17.5vh);  }
    #SiteContainer          { margin-top: 27vh;}
    #SiteGridContainer #dp-container {padding: 0;}
}

@media (max-width:767px) {
     #GridRight              { float:none;width:100%; margin:0 auto;}
    #SiteFooter             { background-size: 20%, 10%;     background-color: #92a288;} 
    #SiteContainer          { margin-top: 28vh;}
}

@media (max-width:767px){
    #SiteFooterContainer    {height: 17vh;}
}

@media (max-width: 767px)  and (orientation:landscape)  {
}

@media (max-width:375px){
    #SiteFooterContainer    {height: 15vh;}
}

@media (max-width: 768px) and (orientation:landscape) {
    #SiteFooterContainer {height: 24vh;}
    #SiteFooter {background-size: 13%, 6%;}
}

/*------------------------------------*\
    Top Bar Select In Mobile 
\*------------------------------------*/

@media (max-width:767px) { #side-collapse-menu {width:100%} }

/*------------------------------------*\
    Top Bar Search 
\*------------------------------------*/

#search_form_header {margin-top: 10px;}
#search_form_header_input_continer { float: left; margin-left: 15px; }

@media(max-width:767px){
#search_form_header_input_continer       { text-align: center;display: inline-block;margin: 0 auto;width: 100%; }
#search_form_header_input                { display:inline-block; }
#search_form_header_submit               { width: 40px;display: inline-block; }
}



/*------------------------------------*\
    Accordion - FAQ
\*------------------------------------*/
.faq_accordion { padding-bottom: 30px; }

.accordion { }
.accordion .panel {border:0px; border-radius:0; border-top:1px solid #ECECEC;box-shadow:none; -webkit-box-shadow:none;padding:14.5px 0; margin:0;   }
.accordion .panel:nth-child(2n) {background-color:#EDEDED;}
.accordion .panel:last-child {border-bottom:1px solid #ddd;}
.accordion .panel-title {width:95%;}
.accordion .panel-title>a { width: 100%; right: 0; top: 0;  font-size:24px; font-family:'RaananSuperRegular'; }
.accordion .panel-title>a:hover { text-decoration:none; }
.accordion .panel-title>a:focus { text-decoration:none; }
.accordion .panel-collapse.collapse.in {   }
.accordion .panel-default>.panel-heading { color: #333; background-color: transparent; border-color: #ddd; position:relative; margin-bottom:10px; margin-top:10px; margin-right:15px; } 
.accordion .panel-heading { padding: 10px 15px; border-bottom: 0;border-radius: 0px; }
.accordion .panel-title>a:after { content: " "; display: block;width: 20px; height: 20px; float: left; background-image:url('../../../000Frames/site/images/plus.png');background-position: center center; background-repeat: no-repeat; }
.accordion .panel-title > a[aria-expanded~=true]:after {background: url('../../../000Frames/site/images/minus.png'); background-repeat: no-repeat; background-position: center center;  }
.panel.panel-default div p { font-size: 21px; padding-right: 50px; padding-left: 165px; line-height: 27px; /*padding-top: 20px; padding-bottom: 20px;*/ }

@media(max-width:767px){
    .panel.panel-default div p {padding-left:0;padding-right:30px;padding-top:5px;width:90%;}
    .accordion .panel-title>a:after {position:absolute;left: 7px; top: 50%; transform: translate(0,-50%); }
    .accordion .panel-default>.panel-heading {padding-right:0;}
    .accordion .panel-title>a {padding-right:0; font-size:20px;font-weight:bold;}
}


/*------------------------------------*\
    Carousel - FAQ
\*------------------------------------*/

.owl-carousel { margin-top: 30px;margin-bottom: 30px; direction:ltr;}
.owl-nav {  }
.owl-item {text-align:center; height:400px; overflow:hidden; }
.owl-item .item { position: absolute; top: 50%; left: 0; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-next { position: absolute; left: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-prev { position: absolute; right: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }



@media(max-width:991px) { 
.owl-item .item { margin: 0 auto; text-align: center;
 position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); 
                }
}



/*------------------------------------*\
   lightbox Gallery
\*------------------------------------*/
.lightbox-gallery .lightbox-gallery-loader {position: absolute; top: 50%; /* display: none; */ left: 50%; z-index: 10;}
.lightbox-gallery .lightbox-gallery-item

/*------------------------------------*\
    lightbox Gallery Video
\*------------------------------------*/

.lightbox-galleryVideo .lightbox-gallery-loader {position: absolute; top: 50%; left: 50%; z-index: 10;}
.lightbox-galleryVideo .lightbox-gallery-item {}


.popUpVideo .modal-header {border:none;}


.vertical-alignment-helper { display: table; height: 100%;width: 100%; }
.vertical-align-center     { display: table-cell;vertical-align: middle; }

.close       { position: absolute;top: -60px;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%);opacity: 1; }
.close svg   { width: 40px;height: 40px; }
.modal-content  { pointer-events:all; }


.popUpVideo .vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

.popUpVideo .vertical-align-center {
    display: table-cell;
    vertical-align: middle;
}

.popUpVideo .modal-content {
    width: inherit;
    height: inherit;
    margin: 0 auto;
    pointer-events: all;
    background: none;
    box-shadow: 0px 0px 0px;
    border: none;
}


.popUpVideo .modal-body iframe {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}

.popUpVideo .modal-backdrop.fade.in {
    z-index: 0;
}
.popUpVideo .close {opacity:1 !important; color:#fff; }

.popUpVideo .modal-backdrop.in { filter: alpha(opacity=50); opacity: .9; }

@media(max-width:991px){
    .close       { top: -45px; }
}



/*------------------------------------*\
   Breadcrumbps
\*------------------------------------*/

#PageBreadCrumps    { margin-bottom: 30px;display:none; }

@media(max-width:991px){#PageBreadCrumps{margin-bottom:10px;margin-top:10px;}}
    
#PageBreadCrumps a:link         { 
    background-image: url('../images/breadcrumbs-arrow.png');
    color: #5A5B5E;
    text-decoration: none !important;
    display: inline-block; 
    padding-right: 25px; 
    background-repeat: no-repeat; 
    background-position: right 10px top 7px; 
}

#PageBreadCrumps a:first-child  { background-image: none; padding-right: 0; }
#PageBreadCrumps a:visited      { color: #5A5B5E; text-decoration: none !important; font-size: 100%; }    
#PageBreadCrumps a:hover        { color: #5A5B5E; text-decoration: underline; font-size: 100%; }



/*------------------------------------*\
    Directory/Side Menu
\*------------------------------------*/

#rightMenu              {  }
#rightMenu .menuHead { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
#rightMenu .menuLink { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
#rightMenu .selected { color: red; }
#rightMenu .navbar-default {border:0; background-color:transparent;}
#rightMenu .navbar {min-height:0; margin-bottom:0;}
#rightMenu .navbar-header {float:right;}

@media(max-width:767px){ #rightMenu .navbar-header {float: none; width: 100%; margin: 0;} }
/*------------------------------------*\
    Contact Form
\*------------------------------------*/

.mrw-dynamic-form                       { position:relative;background-image: url(../../../000Frames/site/images/homePage/aboutBg.jpg);    border: 3px solid #4d4d4f;    margin: 80px auto 170px;    padding: 43px 70px;    max-width: 1230px;}
.mrw-dynamic-form.thanksMsg             { padding-bottom: 70px;}
.mrw-dynamic-form .contact-form-title   { font-size: 250%;text-align:center;padding-bottom: 30px;/*text-transform:capitalize;*/}

.mrw-dynamic-form .form-messages,
.mrw-dynamic-form .form-messages .loading,
.mrw-dynamic-form .form-messages .success,
.mrw-dynamic-form .form-messages .error { display: none;color: #BA975D;z-index: 9999;}

.mrw-dynamic-form .form-messages                    { position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;background-color: rgba(255,255,255,0.8);}
.mrw-dynamic-form .error-message                    { color:red; display:none; }
.mrw-dynamic-form .mrw-form-label                   { font-weight:normal; }
.mrw-dynamic-form .form-group > div                 { margin-bottom: 35px;}
.mrw-dynamic-form .approval label                   { font-weight: normal;max-width:80%}
.mrw-dynamic-form input[type=checkbox] {display: table-cell;vertical-align: top;}
.mrw-dynamic-form .approval p                       { font-size: 90%; }
.mrw-dynamic-form .form-control                     { color: #000;background: #fff;font-size:100%;position: relative;cursor: text !important;border: 2px solid #97A78D;border-radius: 0px;padding: 22px 10px; box-shadow:none;}
.mrw-dynamic-form input[type="text"].form-control,
.mrw-dynamic-form input[type="email"].form-control,
.mrw-dynamic-form input[type="tel"].form-control    { height: 48px; padding:0 10px;}
.mrw-dynamic-form .form-control:focus               { border:2px solid #B7864C;}
.mrw-dynamic-form span.error                        { color:red; position:absolute; top:3px; right:19px; font-weight:normal; }
.mrw-dynamic-form .form-control.error               { border-color:red; }
.mrw-dynamic-form .form-group > .submit-wrapper     { margin-bottom: 0px;    background-color: transparent;float:right;}
.mrw-dynamic-form .submit-wrapper input.form-submit { width: 100%;-webkit-appearance: none;-moz-appearance: none;border: 0;background: transparent;padding: 10px;border-radius: 0; -webkit-border-radius: 0; }

.mrw-dynamic-form .form-control::-webkit-input-placeholder  { /* Chrome/Opera/Safari */color: #4d4d4f;}
.mrw-dynamic-form .form-control::-moz-placeholder           { /* Firefox 19+ */color: #4d4d4f;}
.mrw-dynamic-form .form-control:-ms-input-placeholder       { /* IE 10+ */color: #4d4d4f;}
.mrw-dynamic-form .form-control:-moz-placeholder            { /* Firefox 18- */color: #4d4d4f;}

@media (min-width:767px) and (max-width: 1440px) {
    .mrw-dynamic-form {max-width: 86%;}
}

@media (min-width:991px) and (max-width:1024px){
    .mrw-dynamic-form                   { padding: 43px 39px; }
    .mrw-dynamic-form .form-control     { padding:19px 10px; }
    .mrw-dynamic-form .form-group > div { padding: 0 8px; }
}

@media (min-width:768px) and (max-width:991px) {
    .mrw-dynamic-form                               { padding:45px;margin: 70px auto 120px; }
    .mrw-dynamic-form .contact-form-title           { font-size: 207%; }
    .mrw-dynamic-form .form-group                   { margin-bottom: 15px;padding: 0 35px; }
    .mrw-dynamic-form .form-group > .submit-wrapper { margin: 0 auto;float: none;display: block; }
    .mrw-dynamic-form .form-group > div             { margin-bottom: 20px;}
    .mrw-dynamic-form .approval                     { padding-top: 16px;}
}

@media (max-width:767px){
    .mrw-dynamic-form .contact-form-title           { font-size: 170%;    padding-bottom: 15px; }
    .mrw-dynamic-form                               { border: 0px;padding: 23px;margin-bottom: 0px;margin-top: 55px;width: 100vw;
    margin-right: -1.5vw;}
    .mrw-dynamic-form .form-group > .submit-wrapper { margin: 0 auto;float: none;display: block; width:280px} 
    .mrw-dynamic-form .form-group > div             { margin-bottom: 20px;}
    .mrw-dynamic-form .form-control                 { border: 1px solid #97A78D;    font-size: 120%;}
    .mrw-dynamic-form .approval                     { padding-top: 16px;}
    }

/*------------------------------------*\
    Contact Form Wiget
\*------------------------------------*/

#contact-form-wiget .mrw-form-label             { }
#contact-form-wiget textarea.form-control       { padding-top: 13px;     overflow-x: hidden;}
#contact-form-wiget .form-submit                {background: #9c7443;color: #231f20;font-size: 110%;padding: 14px;}
#contact-form-wiget .form-submit:focus,
#contact-form-wiget .form-submit:hover          {background: #92a288;}

@media (min-width:768px) and (max-width:991px) {
    #contact-form-wiget .form-submit{font-size: 140%;}
}

@media (max-width:767px){
    #contact-form-wiget .form-submit            { padding: 10px;font-size: 126%; }
}



/*------------------------------------*\
    Club Form Wiget
\*------------------------------------*/

#club-form-wiget .form-submit                { background: #9c7443;color: #231f20;font-size: 20px;   text-transform: uppercase;  }
#club-form-wiget .form-submit:focus,
#club-form-wiget .form-submit:hover         { background: #92a288; }

@media (min-width:768px) and (max-width:991px) {
    #club-form-wiget .form-submit   { font-size: 140%; }
}

@media (max-width:767px){
    #club-form-wiget .form-submit   { padding: 10px;font-size: 126%; }
}




/*------------------------------------*\
    Login Box
\*------------------------------------*/



#loginBox   { text-align:center; background-color:#1c1c1c; padding:15px; }

#loginBox .loginBox-guest-hello     { color:#231f20; line-height:24px; margin-bottom:10px; }
#loginBox .firstSentence      { font-size:130%; }
#loginBox .secondSentence     { font-size:165%; }

#loginBox #LoginBox-Buttons         { padding-top:20px; }
#loginBox #LoginBox-Buttons a       { display:inline-block; background-color:#231f20; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:120%; padding:2px 18px; margin:0px 5px; text-decoration:none; cursor:pointer; }

#loginBox #LoginBox-SignIn          {  width:100%; margin-left:auto; margin-right:auto;  overflow:auto; }
#loginBox #LoginBox-SignIn .login-field     { margin-bottom:12px; border-radius:3px; border: none; width:100%; padding:5px 10px 4px 10px; }
#loginBox #LoginBox-SignIn .login-submit    { float:left; background-color:#231f20; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:120%; padding:2px 18px; cursor:pointer; text-decoration:none; }

#loginBox #LoginBox-SignIn .forgetPass      { float:left; text-decoration:underline; color:#231f20; padding-top:10px; font-size:90%; }
#loginBox #LoginBox-SignIn .user-register      { float:right; text-decoration:underline; color:#231f20; padding-top:10px; font-size:90%; }

#loginBox .loginBox-user-hello      { color:#231f20; line-height:24px;  }
#loginBox .loginBox-user-buttons    { padding-top:20px; }
#loginBox .loginBox-user-buttons a  { display:inline-block; background-color:#231f20; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:110%; padding:2px 12px; margin:0px 2px; text-decoration:none; cursor:pointer; margin-bottom:10px; }





/*------------------------------------*\
   Bootstrap dropdown animation
\*------------------------------------*/

.dropdown .dropdown-menu {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.dropdown.open .dropdown-menu {
    max-height: 200px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}


/*------------------------------------*\
   BASE PAGE VIEW
\*------------------------------------*/


#anchor         { margin-bottom: 15px; margin-top: -5px; font-size: 90%; }
#headline       { }
#headline h1    { font-size: 300%; color: #ffffff; margin: 0; padding: 0; line-height:100%; margin-bottom:10px; }

#subheadline h2 ,.subheadline h2 { margin: 0; padding: 0; font-size: 130%; color: #231f20; font-weight: normal; margin-bottom:10px;  }

#writer         { margin-bottom: 5px; font-weight: normal; }
#text1          { margin-top: 20px; margin-bottom:  20px; }
#text1 strong   { }
#text1 b        { }

#video          { margin-bottom:  20px; }
#video video    { width: 100%; height: auto; }

#remarks        { font-size: 90%; }

h3              { font-size: 100% ; }
h4              {  }

.picD           { width: auto; height: auto; margin-bottom: 15px; margin-top: 15px; }

#GridContent #body p                { font-size: 122%; }
#GridContent #body img.img-wrap     { display: none;}
/*#GridContent .topImage #headline h1 { background-image: url('./../../../000Frames/site/images/line-title.png');background-repeat: no-repeat;background-position: bottom right;padding-bottom: 51px;font-size: 500%;}*/
#GridContent .topImage #headline h1 { font-size: 440%; text-transform:capitalize;}

#GridContent #subheadline h2, #GridContent .subheadline h2 { font-size: 290%; }
.topImage #headline:after { content: "";background-image: url(./../../../000Frames/site/images/line-title.png);background-repeat: no-repeat; width: 156px;height: 35px;background-size: cover; display: block; margin-top: 25px;opacity:0;transition: all 1000ms ease-in-out;-webkit-transition: all 1000ms ease-in-out; transform: translateY(20px);-webkit-transform: translateY(20px); }
.topImage #headline.active:after { opacity:1;transform: translateY(-20px);-webkit-transform:translateY(-20px); }
/** LOBBY **/


.topImage { height: 50vh;position:relative; margin: 0px -7% 45px;width: 114%; }
.topImage #headline { position: absolute;top: 50%;left: 8%;transform: translateY(-50%);-webkit-transform: translateY(-50%); }

.topImageHolder     { height: 100%;overflow: hidden; }
.topImageBg         { height: 100%;background-size: cover;background-position: center center;transition:all 3.5s ease-in-out;-webkit-transition:all 3.5s ease-in-out;transform:scale(1);-webkit-transform:scale(1); }
.topImageBg.active         { transition:all 3.5s ease-in-out;-webkit-transition:all 3.5s ease-in-out;transform:scale(1.05);-webkit-transform:scale(1.05); }

#lobby           { margin:0% auto 0 auto; }
#lobby .smallImg { position: relative;padding-bottom: 35vw;width: 27vw;background-size: cover;background-repeat: no-repeat;background-position: center center;opacity: 0;float: right;margin-top: -19vw;margin-left: 4vw; margin-right:40px; margin-bottom:40px;animation-duration: 1.5s;-webkit-animation-duration:1.5s;transform: translateY(20px);-webkit-transform:translateY(20px); transition: all 900ms ease-in-out;-webkit-transition:all 900ms ease-in-out; }
#lobby .smallImg.animated { transform: translateY(0px);-webkit-transform: translateY(0px); }
#lobby #body     { max-width:760px; }

main#SiteGrid         { width:93%;margin:auto; }

.animatedFadeUp             { transform: translateY(15px);-webkit-transform:translateY(15px); opacity:0;transition: all 800ms ease-in-out;-webkit-transition:all 800ms ease-in-out; }
.active .animatedFadeUp     { transform: translateY(0px);-webkit-transform:translateY(0px); opacity:1; }


@media (max-width:1600px){
    #lobby .smallImg { margin-left: 2vw; }
}
@media (max-width:1440px){
    .topImage {margin: 0px -5% 45px;width: 100%;margin-left: 0;}
    #GridPage   { margin-bottom:-17vh;overflow:auto; }
    .topImage #headline { top: 55%; }

}

@media (max-width:1170px){
    #GridContent .topImage #headline h1                         { font-size: 400%;/*background-size: 36%;*/ }
    #GridContent #subheadline h2, #GridContent .subheadline h2  { font-size: 310%; }
    #GridContent #body p                                        { font-size: 115%;}       
    /*#GridContent .topImage #headline h1                         { padding-bottom:25px;  }*/

}
@media (max-width: 1024px) and (orientation:landscape) {
     .topImage {  height: 35vh; }
}
@media (max-width:991px){
    .topImage       { height: 35vh; }
    #lobby .smallImg {padding-bottom: 50vw;width: 40vw;margin-top: -12vh;margin-right: 25px;margin-bottom: 25px;}
    main#SiteGrid         { width:100%;margin:auto; }
    .topImage #headline:after { width: 104px;height: 23.333px;margin-top:15px; }


}

@media (max-width:767px){
    .topImage   { height:142px;}
     #GridPage            { margin-bottom: -16.5vh; }
    .topImage #headline { right: 4%;top:60%;  }
    #lobby .smallImg{display:none;}
     #GridContent .topImage #headline h1                 { font-size: 250%;/*background-size: 49% 24%;*//*padding-bottom: 22px;*/}
    #GridContent #subheadline h2,
    #GridContent .subheadline h2                        { font-size: 220%; }
    .topImage       { margin-bottom:25px; }
    .topImage #headline:after { margin-top:25px; }
    #headline h1    { margin-bottom:5px; }
    .topImage #headline:after   { width: 74px;height: 16.633px; }

}
@media (max-width:767px) and (orientation:landscape){
    .topImage   { height:36vh;}
    #SiteGridContainer  { transform:translateY(-11.5vh); -webkit-transform:translateY(-11.5vh); }

}

@media (min-width:768px) and (max-width: 991px){
    #GridContent #body img.img-wrap{display:block;float: left;padding-bottom: 19.8%;width: 44.3%;margin-left: -4%;}
}
@media (max-width:375px){
    #lobby  { margin: 6% auto 0 auto; }
}

/*------------------------------------*\
    #General Classes 
\*------------------------------------*/

.max-width { max-width: 1170px; }

.no-marg   { margin: 0px; }

.no-pad    { padding: 0px; }

.p-vert    { display: table; }

.c-vert    { display: table-cell; vertical-align: middle; }

.f-h       { height: 100%; }

.f-w       { width: 100%; }

.margin-auto { margin:0 auto }



@media (max-width: 767px)  { 
    .row            { margin:0px -5px; }
    .row > div      { padding:0px 5px; }
}



/*------------------------------------*\
    #modal
\*------------------------------------*/

.modal-vertical-align   { display: table; height: 100%; width: 100%; pointer-events: none; }
.vertical-align-center  { display: table-cell; vertical-align: middle; pointer-events: none; text-align:center; }

#mrw-modal-1    { }
#mrw-modal-1 .modal-content     { border-radius:0px; background-color:transparent; display:inline-block; pointer-events: all; }


@media(max-width:991px){
    .modal-vertical-align   { pointer-events:visible; }
    .vertical-align-center  { pointer-events:visible; }
}

@media (max-device-width: 1280px) and (orientation: landscape) { 
    .modal-vertical-align   { pointer-events:visible; }
    .vertical-align-center  { pointer-events:visible; }
}


/*** Image POP-UP ***/
#ImgPop .modal-content      { background:transparent;box-shadow: none;border: 0px; }
#ImgPop img.imgpopup        { max-width: 80vw;max-height: 80vh;}




/*------------------------------------*\
    #Grids
\*------------------------------------*/


.grid-view .grid-box { /*border-bottom: 1px solid #ddd;*/ margin-bottom: 30px; text-align: center;  }
.grid-view .grid-box-image      { padding-bottom:56%; position:relative; overflow:hidden; }
.grid-view .grid-box-image a    { display:block; position:absolute; left:0px; bottom:0px; right:0px; top:0px; }
.grid-view .grid-box-image img  { margin: 0 auto; max-width:100%; }



.grid-view.center-elements .row         { font-size:0px; text-align:center; }
.grid-view.center-elements .row > div   { display:inline-block; float:none !important; vertical-align:top; font-size:1rem; }






/*------------------------------------*\
    Fonts
\*------------------------------------*/

@font-face {
    font-family: 'days';
    src: url('../../../000Frames/site/fonts/daysRegular/Days-Regular.eot');
    src: url('../../../000Frames/site/fonts/daysRegular/Days-Regular.eot?#iefix') format('embedded-opentype'),
         url('../../../000Frames/site/fonts/daysRegular/Days-Regular.woff') format('woff'),
         url('../../../000Frames/site/fonts/daysRegular/Days-Regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    /*unicode-range: U+590-5ff,U+000-03F;*/ /* unicode range for hebrew letters, 0-9 and all special chars */
}

@font-face {
    font-family: 'daysBold';
    src: url('../../../000Frames/site/fonts/daysBold/Days-Bold.eot');
    src: url('../../../000Frames/site/fonts/daysBold/Days-Bold.eot?#iefix') format('embedded-opentype'),
         url('../../../000Frames/site/fonts/daysBold/Days-Bold.woff') format('woff'),
         url('../../../000Frames/site/fonts/daysBold/Days-Bold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    /*unicode-range: U+590-5ff,U+000-03F;*/ /* unicode range for hebrew letters, 0-9 and all special chars */
}
/*@font-face {
    font-family: 'niagara';
    src: url('../../../000Frames/site/fonts/NIAGSOL.eot');
    src: url('../../../000Frames/site/fonts/NIAGSOL.eot?#iefix') format('embedded-opentype'),
         url('../../../000Frames/site/fonts/NIAGSOL.woff') format('woff'),
         url('../../../000Frames/site/fonts/NIAGSOL.ttf') format('truetype'),
         url('../../../000Frames/site/fonts/NIAGSOL.svg#NIAGSOL') format('svg');
    font-weight: normal;
    font-style: normal;
    unicode-range: U+040-07F;       /* unicode for a-z and A-Z letters only! */

}*/



/*------------------------------------*\
    PopUp Feature
\*------------------------------------*/

#popup-modal .vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

#popup-modal .vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
    z-index:99999;
}
    
#popup-modal .modal-header {
    border: none;
    padding: 0px;
}

#popup-modal .close {
     display: block;
    float: none;
    margin: 0 auto;
    opacity: 1;
    top: 258px;
    width: 270px;
    height: 50px;
    z-index:1;
}

#popup-modal .close span {
    color: #fff;
    opacity:0;
}

#popup-modal .modal-body {
    text-align: center;
}

#popup-modal .modal-content {
    border: 0px;
    background-color: transparent;
    border-radius: 0px;
    -webkit-box-shadow: none;
}

#popup-modal .modal-backdrop    {background-image: url(../../../000Frames/site/images/bg.jpg);background-size: cover;}
#popup-modal .modal-backdrop.in {opacity:1;}

@media (max-width:767px){
    #popup-modal .close{top: 54%;}    
}



/*------------------------------------*\
    GALLERY COMPONENTS - lightBox
\*------------------------------------*/



.lightbox-gallery       { position:relative; min-height:250px; }
.lightbox-gallery-item  { display:none; text-align: center; padding-bottom: 7.5px; padding-top: 7.5px; }
.blueimp-gallery>.close, .blueimp-gallery>.title    { top:65px; display:block; }
.blueimp-gallery a.next         { display:block !important; }
.blueimp-gallery a.prev         { display:block !important; }
.blueimp-gallery ol.indicator   { display:block !important; }
.blueimp-gallery a.play-pause   { display:block !important; }





/*------------------------------------*\
    GALLERY COMPONENTS - #FLEX SLIDER 
\*------------------------------------*/


.flexslider {
    border: none;
    background: none;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0 0px 0px rgba(0,0,0,0);
    -o-box-shadow: 0 0px 0px rgba(0,0,0,0);
    box-shadow: 0 0px 0px rgba(0,0,0,0);
    overflow:hidden;
}

.flexslider .flexslider-item {
    display: block;
    /*min-height: 200px;*/
    padding-bottom: 40%;
    background-size: cover;
    background-position: center center;
}

.flexslider .flex-control-nav { bottom:20px; z-index:2; }
.flex-control-paging li a.flex-active { background: #000; background: rgba(255,255,255,1); cursor: default; }
.flex-control-paging li a { background: #fff; background: rgba(255,255,255,0.7); }
.flexslider .flexslider-item {position:relative;}
.flexslider-item-content { position: absolute; right: 0; z-index: 9; top: 10%; right: 5%; padding: 15px; background: rgba(0,0,0,0.56); border-radius: 5px; }
/*.flexslider-item-title { text-align: right; color: #fff;font-size: 140%; }*/
.flexslider-item-description { text-align: right; color: #fff; }
.flexslider-item-readmore { text-align: right; color: #fff; font-size: 120%;}


@media(max-width:767px) {
.flexslider .flexslider-item { padding-bottom: 50%; min-height: 300px; }
}


/*------------------------------------*\
    Footer Style 
\*------------------------------------*/
#SiteFooter .footer-logo        { position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 150px;}
#SiteFooter .footer-logo svg    { width: 100%;fill: #231f20; }
#SiteFooter .footerBlockTitle   { text-align:center; font-size: 140%; }
#SiteFooter .footerBlockContent {}
@media (max-width:1280px){
    #SiteFooter .footer-logo{width:120px} 
}

@media (max-width:991px){
    #SiteFooter .footer-logo    { width:110px;}
}


@media (max-width:767px){
    #SiteFooter .footer-logo    {width:70px;}
}

@media (max-width:375px){
    #SiteFooter .footer-logo    {width: 55px;}
}

/*------------------------------------*\
    UnderFooter Style 
\*------------------------------------*/

#UnderSiteFooter { padding: 18px; position:relative}
#UnderSiteFooter img { width:171px;}
#UnderSiteFooter span.accessability-declare{position: absolute;font-size:16px;left: 0;text-decoration: underline;}
#UnderSiteFooter span.accessability-declare a{color:#fff}
#UnderSiteFooter span.site-map{position: absolute;font-size:16px;right: 0;text-decoration: underline;}
#UnderSiteFooter span.site-map a{color:#fff}

@media (max-width:1170px){
     #UnderSiteFooter img {width: 143px;}
     #UnderSiteFooter { padding: 12px; }    
}

@media (max-width:991px){
     #UnderSiteFooter img {width: 174px;}   
     #UnderSiteFooter { padding: 20px; } 
}


@media (max-width:767px){
    #UnderSiteFooter img {width: 109px;margin-top: 10px;}
    #UnderSiteFooter { padding: 12px 0; }
    #UnderSiteFooter span.site-map,  
    #UnderSiteFooter span.accessability-declare{font-size: 13px;width: 100%;display:  block;text-align:  center;position:  relative;margin-top: 10px;} 
}

@media (max-width: 768px) and (orientation:landscape) {
    #SiteFooter .footer-logo    {width: 47px;}
}

/*------------------------------------*\
    Bootstrap - 5 Cols Fix
\*------------------------------------*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {

.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


/*------------------------------------*\
    BootBox - Js Modals
\*------------------------------------*/

.bootbox { text-align: center; }
.bootbox .modal-footer { text-align:center; }
.bootbox .modal-footer button { margin:10px; }
.bootbox .modal-footer .btn+.btn {margin-bottom:10px;}
.bootbox .modal-dialog { position: fixed; left: 50%; top: 50%; /* margin-left: -300px; */ transform: translate(-50%,-50%) !IMPORTANT; margin: 0; }

@media(max-width:767px){
    .bootbox .modal-dialog { width: 80%; }
}


/*------------------------------------*\
    LISTS
\*------------------------------------*/

nav.selectArea               { width: 75%;display: inline-block;vertical-align: middle; }
nav.selectArea ul            { padding: 0;list-style: none; }
nav.selectArea ul li         { float: left;margin-right: 25px;font-size: 130%; color: #4d4d4f; position:relative;transition:all 250ms ease-in-out; -webkit-transition:all 250ms ease-in-out; text-transform: capitalize;}
nav.selectArea ul li:after   { content: "";position: absolute;right: -15px;top: 50%;border-right: 2px solid #000000;height: 80%;transform: translateY(-50%);-webkit-transform:translateY(-50%); }
nav.selectArea ul li:last-child:after { content: "";border-right: 0; }
nav.selectArea ul li:hover   { color: #92A288;}
nav.selectArea ul li a       { color: inherit; }
nav.selectArea ul li a:after { content: "";border-bottom: 4px solid #91a289;transform: skewY(182deg);-webkit-transform:skewY(182deg);margin-top: 4px;position:absolute;width:100%;right: 0; bottom: -6px;opacity: 0;transition: opacity 500ms ease-in-out;-webkit-transition:opacity 500ms ease-in-out; }
nav.selectArea ul li a.active:after { opacity: 1; }
@media (max-width: 991px) {   
    nav.selectArea  { margin-top:2%;width:100%;margin-bottom:3%; }
}
@media (max-width: 991px) and (min-width:768px){
    nav.selectArea  {margin: 2% auto 3%;width: 90%;display: block;}
}
@media (max-width: 767px) {  
    nav.selectArea  { margin-top: 5%;margin-bottom: 10%; width:100%; }  
}



/*------------------------------------*\
    EVENTS GRID
\*------------------------------------*/


.events-item-title       { margin-bottom: 15px; }
.events-item-title h2    { font-size:170%;}
.events-item-where span:first-child,.events-item-when span:first-child  { display: block;font-size: 135%; }
.events-item-title:after { content: ""; display: block;width: 62px;height: 8px;background-image: none;border-bottom: 5px solid #B6864C;margin: auto;margin-top: 10px;transform: skewY(184deg); -webkit-transform: skewY(184deg);transition: border-color 500ms ease-in-out;-webkit-transition:border-color 500ms ease-in-out; }
ul.eventsList .item:hover .events-item-title:after  { border-bottom: 5px solid #231f20; }
.events-item-where                      {  margin: 0 auto 20px; width:80%;}

ul.eventsList .item:hover .innerWrapper { background: #92A288;color: #231f20; }
ul.eventsList .item:hover .innerWrapper:after { border-color: #ffffff; }
ul.eventsList .item:hover a.events-item-readmore { color: #231f20; }

a.modalLink,a.modalLink:hover { color: #B6864C;text-decoration: none; }

@media (max-width:375px){
    .events-item-where {width:90%;    font-size: 90%;}
}
/*ul.eventsList .item:hover .events-item-title:after { content: "";display: block;width: 62px;height: 8px;background-image: none;border-bottom:5px solid #ffffff; margin: auto;margin-top: 10px;transform: skewY(184deg);-webkit-transform: skewY(184deg); }*/


@media (max-width: 1440px) {
   .events-item-title h2  { font-size:140%; }
}

@media (max-width: 991px) {
   .events-item-title  h2 {width:80%;margin: 0 auto 15px;}
}

@media (max-width: 767px) {
   ul.eventsList   { max-width:95%; margin-right:2.5%;  }
}


/*------------------------------------*\
    WINE GRID
\*------------------------------------*/



.bottle-bg-box-wrapper .mask { margin: 0 -10px 0 0;position: absolute;top: 0;right: 100%;bottom: 100%;left: 0;background: #96A78D;z-index: 3;
                                -moz-transition: bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, right 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, margin 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, left 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;
                                -o-transition: bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, right 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, margin 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, left 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;
                                -webkit-transition: bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), right 0.4s cubic-bezier(0.77, 0, 0.175, 1), margin 0.4s cubic-bezier(0.77, 0, 0.175, 1), left 0.4s cubic-bezier(0.77, 0, 0.175, 1);
                                -webkit-transition-delay: 0s, 0.3s, 0.3s, 0.6s;
                                transition: bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, right 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, margin 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, left 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s; }
.bottle-bg-box-wrapper.active .mask { margin-right: 0;right: 0px;bottom: 0;left: 100%; }
.bottle-bg-box { background-size: cover;-moz-background-size: cover;-o-background-size: cover;-webkit-background-size: cover; position: absolute;top: 0;left: 0; right: 0; bottom: 0;background-position-y: 50%;opacity: 0;
                 -moz-transform: translate3d(-20px, 0, 0);
                 -webkit-transform: translate3d(-20px, 0, 0);
                 transform: translate3d(-20px, 0, 0);
                 -moz-transition: opacity 0s linear 0.6s, -moz-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
                 -o-transition: opacity 0s linear 0.6s, -o-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
                 -webkit-transition: opacity 0s linear, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
                 -webkit-transition-delay: 0.6s, 0.6s;
                 transition: opacity 0s linear 0.6s, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s; }
.bottle-bg-box-wrapper.active .bottle-bg-box { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity: 1;-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }

.bottle-bg-box-holder { display: inline-table;width: 37vh;position: relative; }
.bottle-bg-box-wrapper        { display: table-cell;vertical-align: middle;padding-bottom: 100%;width: 100%;background-size: cover;background-position: center center;z-index:1; position:relative; }
.big-bottle-img       { position: absolute;right: -37%;top: -60%; z-index:2; transition: all 550ms ease-in-out;-webkit-transition: all 550ms ease-in-out; }
.big-bottle-img img   { max-height: 660px; }

/*.item-slide.unactive .bottle-text               { transform: translateX(-50%);-webkit-transform:translateX(-50%); }*/
.item-slide.active .bottle-text                 { transform: translateX(0);-webkit-transform:translateX(0);transition: all 1800ms ease-in-out;-webkit-transition:all 1800ms ease-in-out; }
.bottle-text.active     {  transform: translateX(0);-webkit-transform:translateX(0);}
.bottle-text                      { /*transform: translateX(-50%);-webkit-transform:translateX(-50%);*/transition: all 1000ms ease-in-out;-webkit-transition:all 1000ms ease-in-out; }

.bottle-content       { display: inline-block;vertical-align: text-top;margin-right:180px;margin-top: 2%;opacity:0; }
.bottle-content.active{ opacity:1; }
.item-slide.active .bottle-content  { opacity:1; }
.bottle-content h3    { font-size: 335%;padding-bottom:15px;transition: all 1000ms ease-in-out;-webkit-transition: all 1000ms ease-in-out; }
.bottle-content h3:after { content: "";display: block;width: 80px;height: 18px;background-image: url(../../../000Frames/site/images/homePage/seperator.png);background-size: cover;margin-top: 10px; }
.bottle-content h4    { font-size: 140%;max-width: 80%; transition: all 1000ms ease-in-out;-webkit-transition: all 1000ms ease-in-out; }
.bottle-link a        { color: inherit;padding: 11px 10px;display: inline-block;width: 100%;height: 100%; font-size:19px;}
.bottle-link a:hover  { text-decoration:none; }
.bottle-link          { display: inline-block;background: #97A78D;color: #231f20;width: 150px;text-align: center;margin-top: 25px;font-size:110%;  }


@media (min-width: 768px) {
    /*.item-slide.active.animated .bottle-content h3, .item-slide.active.animated .bottle-content h4, .item-slide.active.animated .bottle-content .bottle-text { transform:translateY(-20px);-webkit-transform:translateY(-20px); }*/
    .bottle-content h3.active,.bottle-content h4.active,.bottle-content .bottle-text.active  { transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:1; }

}


@media (max-width: 1440px) {  
  .big-bottle-img img        { max-height:65vh; }
  .big-bottle-img            { top:-58%; }
  .bottle-bg-box-holder      { width:37vh; }
  .bottle-content h3         { font-size:235%; }
  .bottle-content            { margin-right:150px; margin-top:0px; }
  .item-box { width:90%;height:60vh; margin-top:200px; }
  .bottle-content h4    { font-size:110%; }
  .bottle-link  { margin-top:5px; }

}
@media (max-width: 1280px) { 
  .item-box { height:65vh; margin-top:130px; }
}

@media (max-width: 1340px) {
 .item-box  { width:90%; }

}
@media (max-width: 1170px) {
  .big-bottle-img img        { max-height:55vh; }
  .big-bottle-img            { top:-46%; left:-31%; }
  .bottle-bg-box-holder      { width:33vh;margin-top:10%; }
  .bottle-content            { margin-right:120px; }
  /*.wineGalleryBox   { padding-top:14%; }*/
  .bottle-content h3         { font-size:235%; }
  .item-box                  { width:75%;height: 65vh; margin-top: 60px; }
}
@media (max-width: 1024px) {
   .item-box { width: 80%; }
   .bottle-content  { width:50%; }
}
@media (min-width: 992px) {
    .bottle-content h3    { opacity:0; }
    .bottle-content h4    { opacity:0; }
    .bottle-text          { opacity:0; }
}
@media (max-width: 991px) {
    .bottle-bg-box-holder { width: 15vw;margin-top:7%; }
    .bottle-content { position: relative;margin-right: 25px;vertical-align:text-bottom;width:100%;max-width:65%; }
    .bottle-content h4  { max-width:100%; }
    .big-bottle-img { position: relative;top: auto;left: auto; }
    .bottle-bg-box-wrapper { display: none; }
    .big-bottle-img img { max-height:46vh; }
    .item-box   { height: 55vh; margin-top: 10px; }
    .bottle-link a{font-size:18px}
}


@media (max-width: 767px) {
     .bottle-text { display: none; }
     .item-box { text-align: center;width: 100%; }
     .bottle-bg-box-holder { display: block;margin: auto;margin-top: 10%; }
     .bottle-content h3:after { margin: auto;margin-top: 2px;width: 50px;height: 12px; }
     .bottle-content h3 { font-size:210%; padding-bottom: 0px;margin-bottom: 10px; }
     .bottle-content    { margin-right:0; }
     .bottle-bg-box-holder      { width:30vh; }
     .bottle-content h4 { margin:auto; font-size:120%; }
     .big-bottle-img img    { margin:auto; }
     .bottle-link   { margin-top:15px; }
     .bottle-link a{font-size: 17px;}
}



/*------------------------------------*\
    RELATED ITEMS
\*------------------------------------*/

.realted-items { background-image: url('../../../000Frames/site/images/homePage/aboutBg.jpg');padding:30px 30px 75px; margin-bottom: 25vh; margin-top: -3vh; }
.realted-items h2:after { content: ""; display: block; width: 80px;height: 18px;background-image: url(../../../000Frames/site/images/homePage/seperator.png);background-size: cover;margin-top: 0px; margin: auto;margin-top:5px;  }
.realted-items h2 { font-size: 275%; text-align: center; }
.realted-items img { max-height: 360px;margin: auto;display: block; }
.realted-items span { display: inline-block;width: 100%;text-align: center;margin-top: 20px;font-size: 135%; }



.realted-items a { text-align: center;color:inherit; }
.realtedItemsContainer>div { float: none ; display: inline-block;vertical-align:top; }
.realtedItemsContainer { max-width: 55%;margin: auto;margin-top: 55px;text-align:center;display:none; }
.realtedItemsContainer.active { display: block; }


.realtedItemsContainer.owl-carousel.owl-loaded { display: none; }
.realtedItemsContainer.active.owl-carousel.owl-loaded { display: block; overflow:hidden;}
.realtedItemsContainer .owl-item   { height:auto;padding:40px 0px;  }
.realtedItemsContainer.owl-carousel .owl-item img { width: auto; }

@media (max-width: 991px) {
    .realted-items span { font-size: 155%; }


}



/*------------------------------------*\
    ANIMATIONS
\*------------------------------------*/

@keyframes fadeElements { 
	100% { opacity: 1; }
}

@-webkit-keyframes fadeElements { 
	100% { opacity: 1; }
}

@-webkit-keyframes upAnddown {
    from {-webkit-transform: translateY(0) translateX(-50%);
    }
    50% {
        -webkit-transform: translateY(15px) translateX(-50%);
    }
    to {
        -webkit-transform: translateY(0) translateX(-50%);
    }
}

@keyframes upAnddown {
    from {
        transform: translateY(0) translateX(-50%);
    }
    50% {
        transform: translateY(15px) translateX(-50%);
    }
    to {
        transform: translateY(0) translateX(-50%);
    }
}

.upAnddown {
    animation-iteration-count: 5 !important;
    -webkit-animation: upAnddown 2s infinite !important;
    animation: upAnddown 2s infinite !important;
    -webkit-animation-timing-function: ease-in-out !important;
    animation-timing-function: ease-in-out !important;
}

/*------------------------------------*\
    GRIDS
\*------------------------------------*/
.innerWrapper { position: absolute;top: 0;left: 15px;right: 15px;bottom: 0;background: #ECECEC;transition:all 500ms ease-in-out;-webkit-transition:all 500ms ease-in-out;color:inherit; }
.innerWrapper:after  {transition:all 500ms ease-in-out;-webkit-transition:all 500ms ease-in-out;content: "";border: 3px solid #5f1026;top: 12px;left: 12px;right: 12px;bottom: 12px;position: absolute;pointer-events:none;}
li:nth-child(even) .innerWrapper:after {border: 3px solid #b34011;}



@media (min-width:992px){
    ul.eventsList .item:first-child .innerWrapper { left: 0; }
    /*ul.eventsList .item:last-child .innerWrapper  { left: 0; }*/
    /*ul.eventsList .item:nth-child(3n) .innerWrapper { left: 0; }
    ul.eventsList .item:nth-child(3n+1) .innerWrapper   { right: 0; }*/

    ul.eventsList .item:nth-child(5n) a.innerWrapper { right: 0; }
    ul.eventsList .item:nth-child(4n) .innerWrapper  { left: 0; }
}
@media (min-width:768px) and (max-width:991px){
     ul.eventsList .item:nth-child(odd) .innerWrapper { left: 0; }
    ul.eventsList .item:nth-child(even) .innerWrapper  { right: 0; }
    ul.eventsList .item:nth-child(3n) .innerWrapper:after { border:3px solid #b34011; }
    ul.eventsList .item:nth-child(4n) .innerWrapper:after {border: 3px solid #5f1026;}
}
@media (max-width:767px){
   .innerWrapper    { right:0; left:0; }  
}


ul.eventsList               { list-style: none;padding: 0; margin-top: 80px; padding-bottom: 5%; float: right; width: 100%; }
ul.eventsList .item         { padding-bottom:24%;margin-bottom:30px; animation: fadeElements 2s forwards;-webkit-animation: fadeElements 2s forwards; animation-delay: 2s;}
ul.eventsList .item .owl-item-content { position: absolute;top: 50%; width: 90%;left:5%; transform: translateY(-50%);-webkit-transform:translateY(-50%); text-align: center; padding-bottom: 70px; }
ul.eventsList a.events-item-readmore  { transition:all 500ms ease-in-out;-webkit-transition:all 500ms ease-in-out; position: absolute;bottom: 18%;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%);text-align: center;color: #B6864C;border-bottom: 1px solid;padding-bottom: 2px; }

#events-pop .modal-content  { width: 800px;border-radius: 0;margin: auto;border:0; }
#events-pop .modalRight,#events-pop .modalLeft { float: none;display: table-cell; }
#events-pop .modalLeft             { background-size: cover;background-position: center center; }
#events-pop .modalRight            { padding: 7% 3%; }
#events-pop .modal-content h3      { font-size: 135%; text-align:left;}
#events-pop .all-content           { display: table;width: 100%; }

@media (max-width:1440px){
    ul.eventsList a.events-item-readmore    { bottom: 10%; }
    ul.eventsList .item .owl-item-content   { width:92%; left:4%; padding-bottom: 50px;padding-top:20px; }
    .events-item-where       { margin-bottom:5px; }
    ul.eventsList .item      { padding-bottom:30%; }
}

@media (max-width:991px){
    ul.eventsList   { margin-top:30px; }
    ul.eventsList .item { padding-bottom:45%; }   
    #events-pop .modal-content      { width:650px; }
}

@media (max-width:991px) and (min-width:768px) {
       ul.eventsList{ padding-bottom: 1%;}
}
@media (max-width:767px){
   ul.eventsList .item  { padding-bottom:85%; }
   ul.eventsList    { margin-top:0; }
   #events-pop .all-content     { display: block; }
   #events-pop .modalRight, #events-pop .modalLeft { display: block;width: 100%; }
   #events-pop .modalLef    { height: 150px; }
    #events-pop .close svg              { width: 20px; height: 20px; }
    #events-pop a.close                 { top: -30px; }
    #events-pop .modal-content          { width:290px; }    
}




/*** PHOTO GALLERY ***/
.photoGallery    {background-size: cover;background-position: center center;position: relative;padding: 0% 0% 3%;background-attachment: fixed;float:right;width:100%;    }
.photoGallery .owl-prev           { content: "";width: 50px;height: 50px;background-size: cover;position: absolute;right: -6%;background-image: url(../../../000Frames/site/images/homePage/arrow_right.png);}
.photoGallery .owl-next           { content: "";width: 50px;height: 50px;background-size: cover;position: absolute;left: -6%;background-image: url(../../../000Frames/site/images/homePage/arrow_left.png);}

.photoGallery .modal-content      { background:transparent;box-shadow: none;border: 0px; }
.photoGallery .modal-footer       { display: none; }
.photoGallery .modal-header       { display: none; }

.photoGallery .owl-carousel .owl-stage-outer{}

@media  (max-width:1600px){
    .photoGallery {padding: 3% 6% 3%;}
}

@media (max-width:1440px){
    .photoGallery owl-item {height: 330px;}
}
@media (max-width:1024px){
  .photoGallery .owl-item {height: 250px;}
  .photoGallery .owl-prev{right:-8%;}
  .photoGallery .owl-next{left:-8%;}
}
@media (max-width:991px){
    .photoGallery               { padding: 3% 10% 3%;}
    .photoGallery .owl-item     { height: 330px;}
    .photoGallery .owl-item .item { left:0;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);    }
    .photoGallery .owl-prev     { right:-10%;}
    .photoGallery .owl-next     { left:-10%;}
}
@media (max-width:767px){
    
    .photoGallery .owl-carousel { margin: 0px;}
    .photoGallery .owl-prev     { right: -12%; width: 25px;height: 25px; top:50%; }
    .photoGallery .owl-next     { left: -12%; width: 25px;height: 25px;top:50%; }
    .photoGallery .owl-item     { height: 150px;}
    .photoGallery .owl-nav > div{display:block !important;}
}




.screen-reader-text                 { color: #323944;display: block;clip: rect(1px, 1px, 1px, 1px);position: absolute !important;text-decoration: none; } 
.screen-reader-text:link, 
.screen-reader-text:visited:link    { -webkit-tap-highlight-color: rgba(0,0,0,0.3); }
.screen-reader-text:hover,
 .screen-reader-text:focus          { background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;display: block;font-weight: 700;height: auto;left: 0;line-height: normal;padding: 1em 1.618em;text-decoration: none;top: 0;width: auto;z-index: 100010;outline: 0;color:#252525;font-size:120%; }


.scr-reader-only { width:0px!important; height:0px!important; margin: 0!important;padding: 0!important;display:block!important; line-height: 0px !important; font-size: 0px !important;}